import { TabsProps } from 'antd';
import styles from './index.modules.less';

function BlueTabs({ tabContent }) {
  const renderTabBar: TabsProps['renderTabBar'] = (props, DefaultTabBar) => {
    console.log('[props]', props);
    if (!props.panes) return null;
    return (
      <div className={styles.tabHeader}>
        {props.panes?.map((panel: any) => {
          // eslint-disable-next-line react/jsx-key
          return <div className={styles.item}>{panel.props.tab}</div>;
        })}
      </div>
    );
  };

  return (
    <div>{tabContent}</div>
    // <Tabs className="w100 h100" renderTabBar={renderTabBar}>
    //     <Tabs.TabPane tab="公共业务" key={'1'} className='h100'>
    //     </Tabs.TabPane>
    //     <Tabs.TabPane tab="个人业务" key={'2'}></Tabs.TabPane>
    //     <Tabs.TabPane tab="一周食谱" key={'3'}></Tabs.TabPane>
    //     <Tabs.TabPane tab="床位查看" key={'4'}></Tabs.TabPane>
    //   </Tabs>
  );
}

export default BlueTabs;
